component (React)

図で見るComponent

https://gyazo.com/2961851603e60c2f3ba21a365ae815aa

Pure Component

React.Component doesn’t implement shouldComponentUpdate(), but React.PureComponent implements it with a shallow prop and state comparison.

If your React component’s render() function renders the same result given the same props and state, you can use React.PureComponent for a performance boost in some cases.

prop/stateがnestしないときには積極的につかいたい

nestするときにはfalse-negativeになる場合がある（ドキュメント参照）

コンポーネント設計

どのようにコンポーネントを設計すれば、正しく使われるコンポーネントが作れるのかについて書かれています。

実例でみるcomponent

JSの例